$(document).ready(function() {
	
	$('.check-register').hide();
    $('#register').bootstrapValidator({
    	message: 'This value is not valid',
        
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            username: {
                message: 'The username is not valid',
                validators: {
                    notEmpty: {
                        message: 'Tên đăng nhập là bắt buột'
                    },
                    stringLength: {
                        min: 6,
                        max: 30,
                        message: 'Tên đăng nhập không được ngắn hơn 6 và dài hơn 30 ký tự'
                    },
                    /*regexp: {
                        regexp: /^[a-zA-Z0-9_]+$/,
                        message: 'Tên đăng nhập chỉ bao gồm chữ cái, số và gạch dưới'
                    }*/
                }
            },
            email: {
                validators: {
                    notEmpty: {
                        message: 'Email không được rỗng'
                    },
                    emailAddress: {
                        message: 'Email không đúng'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: 'Mật khẩu không được rỗng'
                    },
                    different: {
                        field: 'username',
                        message: 'Mật khẩu không được trùng với tên đăng nhập'
                    },
                    stringLength: {
                        min: 8,
                        message: 'Mật khẩu phải dài hơn 8 ký tự'
                    }
                }
            },
            repassword: {
                validators: {
                    notEmpty: {
                        message: 'Nhập lại mật khẩu không được rỗng'
                    },
                    
                    identical: {
                        field: 'password',
                        message: 'Nhập lại mật khẩu không đúng'
                    }
                }
            },
            fullname: {
                validators: {
                    notEmpty: {
                        message: 'Họ tên không được rỗng'
                    },
                   
                }
            },
        },
        onSuccess: function(e) {
        	$("#register").submit(function(){
        		$('.check-register').hide().html('');
        		var username = $('#username').val();
                var email = $('#email').val();
                var password = $('#password').val();
                var repassword = $('#repassword').val();
                var fullname = $("#fullname").val();
                $('#loading').show();
                $.ajax({
                	type : 'post',
                    dataType : 'json',
                    data : {
                        username : username,
                        email : email,
                        password: password,
                        repassword: repassword,
                        fullname: fullname
                    },
                    success : function (result)
                    {
                    	if(result['status']=='Error'){
                    		$rs = '<ul>';
                    		$.each(result['error'], function(index, value){
                    			$rs +='<li>'+value+'</li>';
                    		});
                    		$rs +='</ul>';
                    		$('.check-register').removeClass('success').addClass('error');
                    		$('.check-register').html($rs);
                    		$('.check-register').show();
                    	}else{
                    		$('.check-register').removeClass('error').addClass('success');
                    		$rs = '<p>Đăng ký thành công!</p>';
                    		$rs += '<p>Chúng tôi đã gửi mail kích hoạt đến địa chỉ email của bạn. Vui lòng kiểm tra mail để kích hoạt tài khoản. </p>';
                    		$('.register-form').slideUp("fast", function() { $(this).remove(); } );
                    		$('.check-register').html($rs);
                    		$('.check-register').show();
                    	}                    	
                    }
                }).always(function(){
                	$('#loading').hide();
                });
                return false;
        	});
        	
        }
    });
    
    
    
});